import React from "react";
import { Form, Select, Input, Button, Switch } from "antd";
import { SearchOutlined, } from '@ant-design/icons'
const { Option } = Select;

const Broadcast = () => {
  const [form] = Form.useForm();

  // select的value
  const onGenderChange = () => { };
  return (
    <div className='bro'>
      <p className="header_title">直播管理</p>
      <div className='bro_main'>
        <Form layout="inline" form={form}>
          <Form.Item label="直播状态">
            <Select placeholder="请选择" onChange={onGenderChange} allowClear>
              <Option value="male">请选择</Option>
              <Option value="female">直播中</Option>
              <Option value="other">已结束</Option>
            </Select>
          </Form.Item>
          <Form.Item label="经纪人搜索" className='bro_search'>
            <Input placeholder="姓名、ID" />
            <Button><SearchOutlined /></Button>
          </Form.Item>
        </Form>
        <h4>全部直播</h4>
        <div className='bro_container'>
          <div>
            <img src="https://img0.baidu.com/it/u=13255978,3987556015&fm=26&fmt=auto" alt="" />
            <div>秋冬休闲美衣搭配网红博主</div>
            <div className='bro_box'>
              <span>姜丽丽</span>
              <span>2021.12.10 12:00</span>
            </div>
            <div className='bro_box'>
              <a href="/broadcastRoom">进入直播</a>
              <Switch checkedChildren='开启' defaultChecked />
            </div>
          </div>
          <div>
            <img src="https://img0.baidu.com/it/u=13255978,3987556015&fm=26&fmt=auto" alt="" />
            <div>秋冬休闲美衣搭配网红博主</div>
            <div className='bro_box'>
              <span>姜丽丽</span>
              <span>2021.12.10 12:00</span>
            </div>
            <div className='bro_box'>
              <a href="/broadcastRoom">进入直播</a>
              <Switch checkedChildren='开启' defaultChecked />
            </div>
          </div>
          <div>
            <img src="https://img0.baidu.com/it/u=13255978,3987556015&fm=26&fmt=auto" alt="" />
            <div>秋冬休闲美衣搭配网红博主</div>
            <div className='bro_box'>
              <span>姜丽丽</span>
              <span>2021.12.10 12:00</span>
            </div>
            <div className='bro_box'>
              <a href="/broadcastRoom">进入直播</a>
              <Switch checkedChildren='开启' defaultChecked />
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

export default Broadcast;